import './App.css';
import {createContext, useContext, useEffect, useRef, useState} from "react";

function App() {

    const [count, setCount] = useState(0)

    /**
     * 组件渲染完成之后回调
     * deps 不同， 回调时机不同：
     * 1. 不传时： 先执行两次， 之后，页面渲染一次调用一次
     * 2. 传空数组： 先执行两次， 后续不会再调用
     * 3. 数组中有状态值， 如果状态值变化， 会调用
     */
    useEffect(() => {
        console.log("回调执行了")
    }, [count]);

    return (
        <div>
            <button onClick={()=>setCount(count + 1)}>计数器：{count}</button>
        </div>
    )
}

export default App;